html,body {width:100%; min-width:1200px; padding:0;margin:0;font-family:思源黑体,Microsoft YaHei,Arial,sans-serif,微软雅黑; font-size:14px; color:#777777; background-color:#fff;}
body::-webkit-scrollbar{width:5px; background-color:#cccccc;}
body::-webkit-scrollbar-thumb{background-color:rgb(128 128 128); border-radius:5px; min-height:2px;}
div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
ul{list-style-type:none;}
p,h2,h1,h3,h4 {padding:0;margin:0;}
h1,h2,h3,h4,h5{color:#222;}
a:link,a:visited {text-decoration:none;}
a {color:inherit;text-decoration:none;  transition:all 0.3s ease 0s;}
a:hover{color:#e10000; transition:all 0.3s ease 0s;}
.clear {clear:both;}
img {border:none;vertical-align:middle;display:inline-block;max-width:100%;}
*,*::before,*::after {box-sizing:border-box;}
.container{width:1200px; margin:0 auto;}
header {position:fixed; left:0; top:0; width:100%; height:98px; z-index:999; background-color:#fff;}
header.scroll{box-shadow: 0 0 10px #aaaaaa;}
header .logo{float:left; margin-top:23px;}
.navbtn{ display: none; position: absolute; z-index:100; width: auto; height: auto; padding: 0 7px; border-radius: 5px; background-color: #e10000; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.navbtn span { display: block; width:28px; height:3px; margin:7px 0; border-radius: 5px; background-color:#fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.navbtn.navclose span:nth-child(1) { -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
.navbtn.navclose span:nth-child(2) { opacity: 0; }
.navbtn.navclose span:nth-child(3) { -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -webkit-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); }
.nav {float:right; margin-top:35px;}
.nav >ul{float:left;}
.nav >ul>li {float:left;margin-left:56px;}
.nav >ul>li>a {float:left; padding:0 2px; height:63px; font-size:16px; font-weight:bold; line-height:32px;color:#222; position:relative; z-index:100;}
.nav >ul>li>a:after{position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#e10000; transition:all 0.3s ease 0s; content:"";}
.nav >ul>li:hover > a,.nav >ul>li.active >a{color:#e10000;}
.nav >ul>li:hover > a:after,.nav >ul>li.active >a:after{width:100%; transition:all 0.3s ease 0s;}
.nav >ul>li a.active{color:#e10000;}
.nav >ul>li:first-child {margin-left:0px;}
.nav >ul>li ul{position:absolute; padding:0 calc((100% - 1200px) /2); left:0; top:100%; width:100%; border-bottom:solid 1px rgba(150,150,150,0.3); background-color:rgba(255,255,255,0.8); display:none;}
.nav >ul>li:hover > ul{display:block;}
.nav >ul>li ul li{float:left; margin-right:160px;}
.nav >ul>li ul li a{float:left; font-weight:bold; font-size:15px; color:#333; line-height:59px; position:relative;}
.nav >ul>li ul li:hover >a{color:#e10000;}
.nav >ul>li ul li:hover >a.sub,.nav >ul>li ul li >a.sub.active{ background:url(/images/icon_arrow_up.png) no-repeat center bottom; transition:none;}
/*.nav >ul>li ul li ul{border-bottom:none;}*/
.nav >ul>li ul li ul{display:none;}
.nav >ul>li ul li:hover > ul{display:flex; display:-webkit-flex; justify-content:space-between; align-items:center;}
.nav >ul>li ul li ul li{margin-right:0;}
.nav >ul>li ul li ul li a{font-size:14px;color:#222; font-weight:300;}
.forcefullwidth_wrapper_tp_banner{margin-top:98px !important;}
.banner{float:left; margin-top:98px; width:100%; position:relative;}
.banner.inside img{width:100%;}
/*.banner .slides,.banner ul,.banner ul li{float:left; width:100%; position:relative;}*/
.banner ul li{position:relative;}
.banner .tparrows{display:none;}
.banner .slides{float:left; width:100%; overflow:hidden;}
.banner .swiper-slide{position:relative; overflow:hidden;}
.banner .swiper-slide .img{width:100%; height:100%; object-fit:cover;}
.banner .swiper-pagination-bullet{background:#fff; opacity:0.75; width:8px; height:8px; cursor:pointer; background-color:#e10000; border-radius:50%; transition:all 0.3s ease 0s;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#fff; opacity:1; width:23px; border-radius:10px; transition:all 0.3s ease 0s;}
.banner .tp-caption{position:absolute; top:10%; right:18%; width:27.5%; z-index:30;}
.banner .tp-caption.s1{top:22%; width:26.718%;}
.banner .tp-caption *{float:left;}
.banner .lfr1{width:100%;}
.banner .lfr2{ margin-top:30px; margin-left:0; width:92.787%;}
.banner .lfr1,.banner .lfr2{object-fit:contain;}
.banner .txt,.banner .more{margin-top:20px; margin-left:0; letter-spacing:0.5px; font-weight:300;}
.banner .txt{line-height:40px; color:#fff; font-size:18px;}
.banner .txt p{position:relative; padding-left:0;}
.banner .txt p:before{position:absolute; left:0; top:18px; width:4px; height:4px; background-color:#fff; border-radius:50%; margin-right:10px; content:""; display:none;}
.banner .tp-caption.s1 .lfr1{width:90.877%;}
.banner .txt.s1{float:right; width:88%; line-height:35px; text-align:justify; white-space:normal !important;}
.banner .txt.s1 p{ padding-left:0; display:block;}
.banner .txt.s1 p:before{display:none;}
.banner .tp-caption.s1 .more{float:right; margin-top:50px; width:88%; margin-left:0;}
.banner .more,.banner .author{color:#fff; font-size:16px; line-height:40px;}
.banner .author{width:100%; margin-top:20px; text-align:right;}
.banner .more:hover{ color:#e10000; letter-spacing:1.5px; transition:all 0.3s ease 0s;}
.banner .learnmore{position:absolute; bottom:50px; left:50%; margin-left:-50px; padding:5px 20px; min-width:100px; text-align:center; color:rgba(255,255,255,0.9); font-size:12px; line-height:20px; border:solid 1px rgba(255,255,255,0.9); transition:all 0.3s ease 0s; letter-spacing:0.5px; border-radius:20px;}
.banner .learnmore a:hover{color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); transition:all 0.3s ease 0s;}
.banner .tp-bullets{position:absolute; bottom:35px; opacity:1; z-index:50;}
.banner .tp-bullets .bullet{width:8px; height:8px; background-color:#e10000; border-radius:50%; margin:0 5px; opacity:0.75; cursor:pointer; display:inline-block; transition:all 0.3s ease 0s;}
.banner .tp-bullets .bullet.selected{ background-color:#fff; opacity:1; width:23px; border-radius:10px; transition:all 0.3s ease 0s;}
.banner .tp-bullets .bullet:hover{opacity:1;}
/*合作伙伴*/
.coop-wrap {float:left;width:100%;margin-top:70px;margin-bottom:60px;}
.index-head {float:left;width:100%;text-align:center;}
.index-head-title {font-size:24px;color:#333;font-weight:bold;}
.index-head-subtitle {font-size:10px;color:#999;text-transform:uppercase;margin-top:10px;}
.coop-desc {float:left;width:100%;padding:50px 15px 0 15px;}
.coop-desc ul li{float:left;width:190px;height:80px;text-align:center;margin-right:6px;margin-bottom:20px; border:solid 1px #eee; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.coop-desc ul li:nth-child(6n) {margin-right:0;}
.coop-desc ul li img { max-width:90%; max-height:80%; object-fit:contain;}
/*footer*/
.footer-wrap {float:left; margin-top:60px; width:100%;background:#f3f3f3;padding-top:45px;padding-bottom:20px;}
.foot-li {float:left;width:20%;/*border-right:solid 1px #e9e9e9;*/min-height:170px;}
.foot-li ul li {float:left;padding-left:80px;font-size:15px;color:#999;margin-bottom:8px;}
.foot-li ul li:first-child {color:#333;font-size:16px; margin-bottom:10px;}
.foot-li:nth-child(2) ul li{font-size:16px; color:#333;}
.foot-li ul li a:hover{color:#e10000;}
.foot-li .wechat {text-align:center;}
.foot-li .wechat img {width:109px;height:109px; border:solid 1px #e2e2e2;}
.foot-li .wechat p {font-size:14px;color:#666;margin-top:10px;}
.foot-li:last-child{border-right:none;}
.end a:hover{color:#e10000;}
.end {float:left;width:100%;background:#f3f3f3;/*border-top:solid 1px #e9e9e9;*/font-size:14px;color:#999;padding:20px 0;}
.end-left {float:left;}
.end-right {float:right;}
.main{float:left; width:100%; margin-top:40px;}
.section-title{float:left; width:100%; line-height:55px; border-bottom:solid 2px #eeeeee;}
.section-title h2{float:left; font-size:24px; color:#333; font-weight:bold; position:relative;}
.section-title h2:after{position:absolute; left:0; bottom:-2px; width:100%; height:2px; background-color:#e10000; content:"";}
.section-title .en{float:left; margin-left:8px; margin-top:23px; line-height:20px; font-size:10px; text-transform:uppercase; color:#999;}
.sitemap{float:right; font-size:15px; color:#777777;}
.sitemap a.active{color:#e10000;}
.sitemap a:hover{color:#e10000;}
ul.news{float:left; margin-top:50px; width:100%;}
ul.news li{float:left; width:100%; margin-bottom:40px;}
ul.news li .img{float:left; width:250px; height:160px; overflow:hidden;}
ul.news li .img img{width:100%; height:100%; object-fit:cover; transition:all 0.3s ease 0s;}
ul.news li .img:hover img{transform:scale(1.1); transition:all 0.3s ease 0s;}
ul.news li .right{float:right; width:calc(100% - 250px - 30px);}
ul.news li .title{float:left; width:100%; margin-top:24px; line-height:30px; font-size:16px; font-weight:bold; color:#222; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
ul.news li .title a:hover{color:#e10000;}
ul.news li .cont{float:left; width:100%; margin-top:10px; height:52px; line-height:26px; font-size:14px; color:#777; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display: -webkit-box;  -webkit-box-orient: vertical;}
.list-pagination {float:left; width:100%; text-align:center; margin-top:30px; font-size:0}
.list-pagination #ctl00_Main_DataPager1 {border:none}
.list-pagination a[disabled='disabled'] {cursor:not-allowed}
.list-pagination span,.list-pagination a {display:inline-block;height:26px;line-height:24px;margin-left:3px;margin-right:3px;padding-left:9px;padding-right:9px;color:#666;font-size:13px;border:1px solid #eee;border-radius:0;}
.list-pagination .on,.list-pagination a:hover,.list-pagination span,.list-pagination .layui-laypage-curr {color:#fff;background-color:#e10000;border-color:#e10000;}
.list-pagination .layui-laypage-curr em{font-style:normal;}
.main .article{float:left; width:100%; margin-top:40px;}
.main .article h1.title{float:left; margin-bottom:10px; width:100%; text-align:center; font-size:22px; color:#000; font-weight:bold;}
.main .article .info{float:left; padding:10px 0; width:100%; text-align:center; border-bottom:solid 1px #eee; line-height:24px;}
.main .article .content{float:left; width:100%; margin-top:20px; line-height:27px; min-height:200px;}
.main .article .content p{ margin:5px 0;}
.main .article .content h1{ margin:15px 0;line-height:50px;}
.main .article .content h2{ margin:13px 0; line-height:40px;}
.main .article .content h3{ margin:10px 0; line-height:30px;}
.main .article .content h4{ margin:5px 0;}
.main .article .content h1,.main .article .content h2,.main .article .content h3,.main .article .content h4,.main .article .content b,.main .article .content strong{color:#000;}
.main .article .content ul{ padding-left:20px; list-style-type:disc; line-height:32px;}
.main .article .content img{ max-width:100%;}
.prevnext{float:left; width:100%; margin-top:20px; padding:10px 0 0; border-top:solid 1px #eee; line-height:28px;}
ul.product{float:left; width:100%; margin-top:40px; display:flex; display:-webkit-flex; justify-content:center; align-items:flex-start; flex-flow:wrap; flex-direction:row;}
ul.product li{width:31%; margin:0 1%; margin-bottom:40px; position:relative; box-shadow:0 0 5px #888; transition:all 0.3s ease 0s;}
ul.product li:hover{ box-shadow:0 0 8px #555; transition:all 0.3s ease 0s;}
ul.product li .img{float:left; width:100%; height:260px; overflow:hidden;}
ul.product li img{width:100%; height:100%; object-fit:cover;}
ul.product li .title{position:absolute; left:10%; top:10%; width:80%; height:80%; color:#fff; font-size:30px; font-weight:bold; letter-spacing:2px; display:flex; display:-webkit-flex; justify-content:center; align-items:center; }
ul.product li:hover .title{left:5%; top:5%; width:90%; height:90%; letter-spacing:5px; }
ul.product li .title span{z-index:2; text-shadow:1px 1px 2px #000;}
ul.product li .title:before{position:absolute; left:0; width:100%; height:100%; border:solid 4px rgba(0,0,0,0.12); content:""; opacity:1; transition:all 0.3s ease 0s;}
ul.product li .title:after{position:absolute; left:5%; top:5%; width:90%; height:90%; background-color:rgba(0,0,0,0.12); content:""; z-index:1; transition:all 0.3s ease 0s;}
ul.product li:hover .title:after{ transition:all 0.3s ease 0s;}
ul.product li:hover .title:before{ transition:all 0.3s ease 0.3s;}
.aboutbox{float:left; width:100%; margin-top:50px; line-height:27px;}
.aboutbox .left{float:left; width:825px; text-align:justify;}
.aboutbox .right{float:right;}
.about-ln{float:left; width:100%; margin-top:70px; display:flex; display:-webkit-flex; justify-content:space-between; align-items:flex-start;}
.about-ln .item{padding-left:30px; width:30%;}
.about-ln .item:last-child{width:23%;}
.about-ln .item .title{float:left; width:100%; margin-bottom:10px; font-size:22px; color:#e10000; line-height:1;}
.about-ln .item .title img{margin-left:8px;}
.about-ln .item p{line-height:30px;}
.zhicibox{float:left; width:100%;}
.zhicibox .content{float:left;width:100%; line-height:28px; text-align:justify;}
.zhicibox .zc{float:left; margin-top:-60px;}
.zhicibox .left{float:left; margin-left:150px; width:460px; margin-top:60px;}
.zhicibox .left .img{float:left; margin-top:-60px; width:274px; height:264px; border:solid 8px #fff; overflow:hidden;}
.zhicibox .left .img img{width:100%; height:100%; object-fit:cover;}
.zhicibox .left .img:first-child{margin-top:0;}
.zhicibox .left .img:nth-child(2n){float:right;}
.zhicibox .right{float:right; width:420px; margin-top:60px; margin-right:70px;}
.zhicibox .right .item{float:left; width:100%; margin-top:20px; margin-bottom:30px;}
.zhicibox .right .item:last-child{margin-bottom:0;}
.zhicibox .right .item .item-title{float:left; margin-bottom:15px; width:100%; line-height:1; font-size:22px; color:#333333; position:relative;}
.zhicibox .right .item .item-title img{padding-bottom:5px;}
.zhicibox .right .item .item-title:before{position:absolute; left:-38px; top:0; content:attr(data-index); font-size:48px; font-style:italic; font-weight:bold; color:#e10000;}
.zhicibox .right .item p{line-height:35px;}
ul.team{float:left; margin-top:12px; width:100%;}
ul.team li{float:left; margin-right:30px; margin-top:38px; width:380px; height:165px; border:solid 1px #ededed; position:relative; transition:all 0.3s ease 0s;}
ul.team li:hover{border-color:#e10000; box-shadow:inset 0 0 10px #dedede; transition:all 0.3s ease 0s;}
ul.team li:after{position:absolute; right:0; bottom:0; width:48px; height:50px; content:""; background:url(/images/watermark.png) no-repeat;}
ul.team li:nth-child(3n){margin-right:0;}
ul.team li .img{float:left; margin-top:5px; margin-left:5px; width:154px; height:154px; overflow:hidden;}
ul.team li .img img{width:100%; height:100%; object-fit:cover;}
ul.team li .title{float:right; margin-top:10px; width:calc(100% - 164px - 10px);}
ul.team li .title h4{float:left; width:100%; margin-bottom:10px; line-height:30px; color:#222; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
ul.team li .title p{line-height:24px; font-size:13px;}
.teambox{float:left; width:100%; margin-top:50px;}
.teambox .left{float:left; width:295px;}
.teambox .right{float:right; width:calc(100% - 295px - 50px);}
.teambox .right h1.title{float:left; width:100%; line-height:32px; color:#222; font-size:32px;}
.teambox .right .position{float:left; padding-left:20px; width:100%; line-height:20px; margin-top:18px; font-size:13px; color:#909090; background:url(/images/icon_position.png) no-repeat 0 center;}
.teambox .right .article{margin-top:0;}
.teambox .right .article .content ul li{ margin-bottom:10px;}
ul.case{float:left; width:100%; margin-top:30px;}
ul.case li{float:left; margin-top:20px; margin-bottom:15px; padding:13px 22px 23px; width:100%; background-color:#f9f9f9; line-height:30px; transition:all 0.3s ease 0s;}
ul.case li .title{float:left; width:100%; padding-left:50px; background:url(/images/icon_01.png) no-repeat 0 center;font-size:16px; color:#222; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
ul.case li .subtitle{float:left; width:100%; margin-top:12px; margin-bottom:2px; font-size:16px; color:#222; font-weight:bold;}
ul.case li .subtitle p{font-size:14px; color:#999;}
ul.case li:hover{box-shadow:0 9px 10px -6px rgba(0,0,0,.1),0 18px 10px -10px rgba(0,0,0,.04),0 10px 10px -10px rgba(0,0,0,.04),0 10px 10px -10px rgba(0,0,0,.04); transition:all 0.3s ease 0s;}
.casebox{float:left; width:100%; position:relative;}
.casebox .left{float:left; width:60%; margin-top:30px;}
.casebox .right{position:absolute; right:0; min-height:100%; width:38%; display:flex; display:-webkit-flex; justify-content:center; align-content:center; flex-flow:wrap;}
.casebox .right img{width:100%; height:auto;}
.formbox{width:610px; margin:50px auto 0;}
.formbox h1{float:left; width:100%; text-align:center; font-weight:normal; line-height:1; font-size:26px; color:#222;}
.formbox form{float:left; margin-top:8px; width:100%;}
.formbox form .list{float:left; width:100%; margin-top:30px;}
.formbox form .list .label{float:left; padding:0 0 15px; width:100%; font-weight:bold; color:#121212; font-size:17px; line-height:24px;}
.formbox form .list .label span{color:#ff0000; padding-right:3px;}
.formbox form .list .item{float:left; width:100%;}
.formbox form .list .item .other_text,.formbox form #jy{display:none;}
.formbox form .list .item .other_text{margin-top:5px;}
.formbox form .list:first-child .label:first-child{width:100% !important; text-align:left;}
.formbox form .list:first-child input[type="text"]{width:100%;}
.formbox input[type="text"],.formbox textarea{float:left; padding:7px 10px; width:100%; background-color:#fff; line-height:26px; border-radius:5px; border:solid 1px #dedede; outline:none;}
.formbox input[type="text"]:focus,.formbox textarea:focus,.formbox input[type="text"]:active,.formbox textarea:active{border-color:#68a2f2; box-shadow:0 0 5px #5094ff;}
.formbox form .list .input_text{float:left; width:100%; height:42px; background-color:#fff; border-radius:5px; position:relative;}
.formbox form .list .input_text:before{position:absolute; left:0; top:0; width:46px; height:100%; font-family:fontello; font-size:18px; color:#121212; display:flex; display:-webkit-flex; justify-content:center;align-items:center; z-index:30;}
.formbox form .list .input_text input[type="text"]{position:absolute; left:0; top:0; padding-left:46px; background-color:transparent; z-index:2;}
.formbox textarea{min-height:84px; font-family:思源黑体,Microsoft YaHei,Arial,sans-serif,微软雅黑;}
.formbox .btns{float:left; width:100%; margin-top:50px; text-align:center;}
.formbox button[type="submit"]{ display:inline-block; width:170px; height:48px; color:#fff;padding:0; border:none; cursor:pointer; background:#e10000; background-image: linear-gradient(to right, #e10500, #ea720f); font-size:16px; border-radius:5px; position:relative;}
.formbox button[type="submit"]:after{position:absolute; right:37px; top:17px; width:15px; height:15px; border:solid 1.5px #fff; border-bottom:none; border-radius:50%; content:""; opacity:0; animation:cycle 1s linear infinite;}
.formbox button[type="submit"].loading:after{opacity:1;}
.formbox button[type="submit"]:hover{background-image: linear-gradient(to right, #e42606, #ea720f);}
.panel_title{float:left; margin-top:50px; width:100%; height:50px; color:#555;font-size:16px; display:flex; display:-webkit-flex; justify-content:center; align-items:center; border-bottom:dashed 1px #dedede;}
.panel_title:before,.panel_title:after{width:130px; height:1px; margin-right:25px; background-color:#d9d9d9; content:""; display:none;}
.panel_title:after{margin-left:25px; margin-right:0;}
@keyframes cycle{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-webkit-keyframes cycle{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
.joinusbox{float:left; width:100%;}
.joinusbox .item{float:left; width:100%; margin-top:0;}
.joinusbox .item .panel_title{color:#222;}
.joinusbox .item .content p{margin:0;}
.contact_layer{display:none;}
.contact_info{padding:10px 20px; line-height:28px;}
.contact_info h3{padding:5px 0;}

@font-face {
  font-family: 'fontello';
  src: url('/style/fonts/fontello.eot?47066518');
  src: url('/style/fonts/fontello.eot?47066518#iefix') format('embedded-opentype'),
       url('/style/fonts/fontello.woff2?47066518') format('woff2'),
       url('/style/fonts/fontello.woff?47066518') format('woff'),
       url('/style/fonts/fontello.ttf?47066518') format('truetype'),
       url('/style/fonts/fontello.svg?47066518#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-minus:before { content: '\e800'; }
.icon-plus:before { content: '\e801'; }
.icon-user:before { content: '\e802'; }
.icon-mobile:before { content: '\e803'; } 

@media (max-width:1800px)
{
.banner .tp-caption .more{margin-top:15px;}
.banner .tp-caption.s1{top:18%;}
.banner .tp-caption.s1 .more{margin-top:30px;}
.banner .tp-caption .txt,.banner .tp-caption .more,.banner .tp-caption .author{font-size:15px;}
}
@media (max-width:1600px)
{
.banner .tp-caption .txt,.banner .tp-caption .more,.banner .tp-caption .author{font-size:14px;}
.banner .tp-caption .txt{line-height:30px;}
.banner .tp-caption .author{margin-top:15px;}
.banner .tp-caption .more{margin-top:10px;}
.banner .tp-caption.s1 .more{margin-top:20px;}
}
@media (max-width:1300px)
{
.banner .tp-caption .txt,.banner .tp-caption .more,.banner .tp-caption .author{font-size:14px;}
.banner .tp-caption .txt{line-height:28px;}
.banner .tp-caption .author{margin-top:15px;}
.banner .tp-caption .more{margin-top:5px;}
.banner .tp-caption.s1 .more{margin-top:10px;}
}
@media (max-width:1200px)
{
.banner .tp-caption .txt,.banner .tp-caption .more,.banner .tp-caption .author{font-size:12px;}
.banner .tp-caption .txt{line-height:26px;}
.banner .tp-caption .author{margin-top:10px;}
.banner .tp-caption .more{margin-top:0;}
.banner .tp-caption.s1 .more{margin-top:10px;}
}

@media (max-width:1199px)
{
html,body{min-width:0;}
.container{width:96%;}
.nav >ul>li{margin-left:40px;}
.nav >ul>li ul{width:100%; padding:0 2%;}
.nav >ul>li ul li{margin-right:100px;}
.banner .slides{ height:400px;}
.banner .swiper-slide{height:400px;}
.banner .tp-caption.s1 .txt{float:left; width:350px; margin-left:35px;}
.banner .tp-caption .author,.banner .tp-caption .more{line-height:20px;}
.coop-wrap{margin-bottom:0;}
.coop-desc{padding-left:0; padding-right:0;}
.coop-desc ul li{width:16.666%; margin-right:0;}
/*.casebox .left{width:70%;}
.casebox .right{width:26%;}*/
ul.team li{width:48%; height:142px; margin-right:2%;}
ul.team li:nth-child(3n){margin-right:2%;}
ul.team li:nth-child(2n){margin-right:0;}
ul.team li .img{width:130px; height:130px;}
ul.team li .title{ margin-top:10px; width:calc(100% - 130px - 15px)}
ul.team li .title h4{margin-bottom:5px;}
.aboutbox .left{width:800px;}
.aboutbox .right{width:calc(100% - 800px - 15px);}
.zhicibox .left{margin-left:50px;}
}
@media (max-width:900px)
{
header{height:60px;}
header .logo{margin-top:5px;}
header .logo img{ height:50px;}
.navbtn{display:block; right:10px; top:12px;}
header .nav { position: fixed; z-index:1000; top: 0; left: -100%; margin:0; float: none; display: block; width:260px; height: 100%; padding-left: 15px; padding-right: 15px; padding-top: 15px; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; }
header .nav ul li {float:left; width:100%; position: relative; z-index: 99; padding-top: 0; padding-bottom: 0; margin-left: 0; background-color: #fff; border-bottom: 0.8px solid #efefef; }
header .nav ul li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
header .nav ul li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
header .nav ul li > a { display: block; width: 100%; height: 45px; line-height: 45px; text-align: left; padding:0 15px; color: #000; font-size: 14px; }
header .nav ul li:hover ul{display:none;}
header .nav:before { content: ''; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background-color: #eee; }
header .nav:after { content: ''; opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
header .nav.nav-show { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; }
header .nav.nav-show:after { opacity: 1; visibility: inherit;}
.banner{margin-top:60px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:6px;}
.banner .slides,.banner .swiper-slide{height:320px; background-color:#000;}
/*.banner .slides,.banner .swiper-slide>img{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); content:"";}*/
.banner .slides,.banner .swiper-slide>img{opacity:0.9;}
.banner .tp-caption{z-index:2;}
.banner .tp-caption .lfr1{width:40%;}
.banner .tp-caption,.banner .tp-caption.s1{width:96%; top:2%; right:2%;}
.banner .tp-caption.s1{top:10%; width:96%;}
.banner .tp-caption.s1 .lfr1{width:60%;}
.banner .tp-caption .lfr2{margin-top:7px; width:70%; }
.banner .tp-caption .txt,.banner .tp-caption .more,.banner .tp-caption .author{font-size:14px;}
.banner .tp-caption .txt{margin-top:7px; line-height:22px; text-shadow:0 0 1px #000; color:#fff;}
.banner .txt p:before{top:6px;}
.banner .tp-caption .author{margin-top:5px; font-size:10px; line-height:20px;}
.banner .tp-caption .more{float:left; width:100%; margin-top:15px; line-height:16px;}
.banner .tp-caption.s1 .more{float:left; margin-top:20px; width:100%; margin-left:0; }
.banner .tp-caption.s1 .more a,.banner .tp-caption .more a{float:none; border:solid 1px #ddd; border-radius:20px; padding:5px 20px; }
.banner .tp-caption.s1 .txt{width:100%; margin-left:0;}
.banner .tp-caption .txt p:before{box-shadow:1px 0 1px #000;}
.banner .tp-caption .txt,.banner .tp-caption .author,.banner .tp-caption .more{text-shadow:1px 0 1px #000;}
.coop-wrap{margin-top:30px;}
.coop-desc{padding-top:20px;}
.coop-desc ul li{width:32.33%; margin:0 0.5% 5px !important; height:40px;}
.footer-wrap{margin-top:30px; padding-top:12px;}
.foot-li:nth-child(1){display:none;}
.foot-li:nth-child(2),.foot-li:nth-child(3){width:100%;}
.foot-li:nth-child(2) ul,.foot-li:nth-child(3) ul{display:flex; display:-webkit-flex; justify-content:center; align-items:flex-start; flex-flow:wrap; }
.foot-li ul li{padding-left:0 !important; margin-right:10px; font-size:14px !important;}
.foot-li ul li:nth-child(1){font-size:14px;}
.foot-li{width:50%; min-height:0;}
.end{padding:0 0 10px;}
.end-left,.end-right{width:100%; text-align:center; line-height:24px; font-size:12px;}
.main{margin-top:10px;}
.sitemap{display:none;}
.aboutbox{margin-top:20px;}
.aboutbox .left{width:100%;}
.aboutbox .right{display:none;}
.about-ln{margin-top:30px; flex-flow:wrap;}
.about-ln .item{width:100% !important; margin-bottom:20px;}
.zhicibox .zc{margin-top:0;}
.zhicibox .left{margin-top:30px; margin-left:0; width:100%;}
.zhicibox .left .img{margin-bottom:10px; margin-top:0 !important; height:180px; border:none; width:49%; }
.zhicibox .left .img:nth-child(2n){float:right;}
.zhicibox .right{width:100%; margin-top:10px; margin-right:0;}
.zhicibox .right .item{margin-bottom:0;}
ul.news{margin-top:20px;}
ul.news li{margin-bottom:20px;}
ul.news li .img{width:40%; height:110px;}
ul.news li .right{width:calc(100% - 40% - 12px);}
ul.news li .title{margin-top:0; line-height:28px; max-height:56px; white-space:normal;  text-overflow:ellipsis; -webkit-line-clamp:2; display: -webkit-box;  -webkit-box-orient: vertical;}
ul.news li .cont{margin-top:6px;}
.list-pagination span, .list-pagination a{margin-bottom:5px;}
.main .article{margin-top:30px;}
ul.product{justify-content:flex-start;}
ul.product li{width:48%; margin:0 1%; margin-bottom:15px;}
ul.product li:nth-child(2n){float:right;}
ul.product li .img{height:150px;}
.main .article .content h1.product-title{font-size:22px !important; margin:0 !important;}
.main .article .content{overflow-x:auto;}
ul.team{display:flex; display:-webkit-flex; justify-content:space-between; justify-items:flex-start; flex-flow:wrap;}
ul.team li{margin-top:20px; width:48%; border:none; height:auto;}
ul.team li .img{margin:0; padding:5px; border:solid 1px #eee; width:100%; height:auto;}
ul.team li:after{right:8px; bottom:85px; display:none;}
ul.team li .title{float:left; padding-left:10px; width:100%; margin-top:5px; }
ul.team li .title h4{margin-bottom:0;}
ul.team li .title p{ line-height:20px;}
ul.case{margin-top:10px;}
.casebox{display:flex;display:-webkit-flex; justify-content:flex-start; justify-items:flex-start; flex-flow:wrap; flex-direction:column;}
.casebox .right{position:relative; left:auto; top:auto; min-height:0; margin-top:15px; width:100%; order:2;}
.casebox .right img{width:100%;}
.casebox .left{margin-top:20px; width:100%; order:1;}
.formbox{width:100%; margin-top:30px;}
.panel_title{margin-top:20px; justify-content:space-around;}
.panel_title:before, .panel_title:after{width:70px;}
.panel_title:before{margin-right:15px;}
.panel_title:after{margin-left:15px;}
.formbox form .list{margin-top:20px; width:100% !important;}
.formbox .btns{margin-top:20px;}
.joinusbox .item{ margin-top:20px !important;}
.joinusbox .item .panel_title{margin-top:0;}
}
@media (max-width:390px)
{
.banner .tp-caption{width:96%;}
}
@media (max-width:320px)
{
.banner .tp-caption{width:96%;}
.banner .tp-caption .txt,.banner .tp-caption .more,.banner .tp-caption .author{font-size:13px;}
}